Nuxt 3
#Nuxt.js #Vue.js #Vite #Vue_3
概要
後述するNitroは様々な環境で動作させられるように実装されており、Cloudflare WorkersやFirebase(Cloud Functions+Hosting), Deno Deployなどの様々な環境へデプロイが可能
Nitro
Nuxt 3に搭載されているサーバエンジン
ohmyfetchの$fetchを使用して、APIの呼び出しを効率化
ブラウザ上であればAPIを呼ぶ
サーバ上であれば関数を直接呼ぶ
API routesまたはmiddlewareの型の自動生成
server/api配下にファイルを配置すると、API routesを定義できます。
nuxi
Nuxt 3のコマンドラインツール
devサーバの起動
$ nuxi dev
ビルド
$ nuxi build
型チェック
$ nuxi typecheck
nuxi devやnuxi buildは型チェックを行わない
Runtime Config
nuxt.configで下記プロパティを設定することで、アプリに環境変数などの値を公開できる
publicRuntimeConfig - クライアントサイドからもアクセスできる
privateRuntimeConfig - サーバサイドからのみアクセスできる
Runtime ConfigはuseRuntimeConfig()でアクセスできる
API routesからアクセスしたいときは#configからimportする
関連ページ
Nuxt 3のAuto-imports機能に関する所感
Vue.js
Nuxt.js
Nitro
リンク
Nuxt 3 への移行に Nuxt Bridge を使うのはいかが? - メドピア開発者ブログ